﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <meta charset="UTF-8">
    <title>AdminSE</title>
    <!-- 站点定义 -->
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <link rel="icon" href="../Content/dist/img/icon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="../Content/dist/img/icon.ico" type="image/x-icon" />
    <style type="text/css">body{font-family:"Microsoft YaHei","Lato","Helvetica Neue",Helvetica,Arial,sans-serif;}</style>
    <!-- 浏览器版本检测 -->
    <script type="text/javascript">
    var browser=navigator.appName;
    var b_version=navigator.appVersion;
    var version=parseFloat(b_version);
    if ((browser=="Microsoft Internet Explorer") && (version<5))
        location.href = 'BrownerToUpdate.html';
    </script>

    <!-- 第三方css -->
    <link href="../Content/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../Content/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="../Content/plugins/iCheck/all.css" rel="stylesheet" type="text/css" />
    <link href="../Content/dist/css/AdminLTE.css" rel="stylesheet" type="text/css" />
    <link href="../Content/dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
    <link href="../Content/plugins/toastr/toastr.min.css" rel="stylesheet" type="text/css" />
    <link href="../Content/plugins/highlight/styles/default.css" rel="stylesheet" type="text/css" />
    <link href="../Content/dist/css/base.css" rel="stylesheet" type="text/css" />

    <!-- 页面专属css -->
    <style>
    .bs-glyphicons {margin: 0 -10px 20px;overflow: hidden;}
    .bs-glyphicons .glyphicon {margin-top: 5px;margin-bottom: 10px;font-size: 24px;}
    .bs-glyphicons .glyphicon-class {display: block;text-align: center;word-wrap: break-word;}
    .bs-glyphicons-list {padding-left: 0;list-style: none;}
    .bs-glyphicons li {float: left;width: 25%;height: 115px;padding: 10px;
      font-size: 10px;line-height: 1.4;text-align: center;background-color: #f9f9f9;border: 1px solid #fff;}
    .bs-glyphicons li {width: 12.5%;font-size: 12px;}
    .bs-glyphicons li:hover {color: #fff;background-color: #563d7c;}
    #FontAwesome div[class^=col-]{/*height: 32px;*/line-height: 32px;border:1px #FFF solid;}
    #FontAwesome div[class^=col-] i{padding:2px;}
    </style>
  </head>
  <body class="skin-blue sidebar-mini">
    <div class="overlay" style="display:none;">
      <div class="loading">
        <div class="loading-center">
          <div class="loading-center-absolute">
            <div class="object object_four"></div>
            <div class="object object_three"></div>
            <div class="object object_two"></div>
            <div class="object object_one"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="wrapper">

      <header class="main-header">
        <!-- Logo -->
        <a href="/" class="logo">
          <span class="logo-mini" title="AdminSE"><b>AdminSE</b></span>
          <span class="logo-lg"><b>Admin</b>SE</span>
        </a>
        <!-- 导航头部 -->
        <nav class="navbar navbar-static-top" role="navigation">
          <!-- 左侧边栏触发按钮-->
          <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button" title="收缩/展开">
            <span class="sr-only">收缩/展开导航</span>
          </a>
          <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
              <!-- 用户帐户栏 -->
              <li class="dropdown user user-menu">
                <a href="" class="dropdown-toggle" data-toggle="dropdown">
                  <img src="../Content/dist/img/DefaultHead.png" class="user-image" alt="头像"/>
                  <span class="hidden-xs">用户名</span>
                </a>
                <ul class="dropdown-menu">
                  <!-- 用户简介 -->
                  <li class="user-header">
                    <a href="#" style="background-color: transparent" title="更换头像">
                      <img src="../Content/dist/img/DefaultHead.png" class="img-circle" alt="User Image" />
                    </a>
                    <p>
                      自定义用户信息
                      <small>备注等内容</small>
                    </p>
                  </li>
                  <li class="user-footer">
                    <div class="pull-left">
                      <a href="#" class="btn btn-primary">编辑</a>
                    </div>
                    <div class="pull-right">
                      <a href="#" class="btn btn-primary">注销</a>
                    </div>
                  </li>
                </ul>
              </li> <!-- end 用户帐户栏 -->
              <!-- 右侧边栏触发按钮 -->
              <li>
                <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
              </li> <!-- end 右侧边栏触发按钮 -->
            </ul>
          </div>
        </nav> <!-- end 导航头部 -->
      </header>

      <!-- 左侧菜单栏 -->
      <aside class="main-sidebar">
        <section class="sidebar">
          <!-- 搜索栏 -->
          <form action="#" method="get" class="sidebar-form">
            <div class="input-group" title="功能未开放">
              <input type="text" name="q" class="form-control" placeholder="请输入搜索内容"/>
              <span class="input-group-btn">
                <button type='button' id='search-btn' class="btn btn-flat"><i class="fa fa-search"></i></button>
              </span>
            </div>
          </form><!-- end 搜索栏 -->

          <!-- 菜单栏主体 -->
          <ul class="sidebar-menu"></ul>

        </section>
      </aside> <!-- end 左侧菜单栏 -->

      <!-- 页面主体内容 -->
      <div class="content-wrapper">
        <section class="content-header">
          <h1>
            图标
          </h1>
        </section>

        <!-- content -->
        <section class="content">
          <div class="row">
            <section class="col-xs-12">
              <div class="box" id="FontAwesome">
                <div class="box-header">
                  <button type="button" class="btn btn-box-tool" data-widget="collapse">
                    <i class="fa fa-minus"></i>
                  </button>
                  <h3 class="box-title">Font Awesome</h3>
                </div>
                <div class="box-body">
                  <p id="FontAwesome-GetStart">使用方法：</p>
                  <p>1. 基本：</p>
                  <p>加入css文件：</p>
                  <div>
                    <pre><code class="Html">&lt;link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /&gt;</code></pre>
                  </div>
                  <p>将图标应用在一个没有内容的i标签中即可(可以嵌套入任何元素中)。如下：</p>
                  <div>
                    <pre><code class="Html">&lt;i class="fa fa-plus"&gt;&lt;/i&gt;</code></pre>
                  </div>
                  <p>2. 大图标：使用 fa-lg (33%递增)、fa-2x、 fa-3x、fa-4x，或者 fa-5x 类 来放大图标。</p>
                  <p>
                    <i class="fa fa-camera-retro fa-lg"></i> fa-lg 
                    <i class="fa fa-camera-retro fa-2x"></i> fa-2x 
                    <i class="fa fa-camera-retro fa-3x"></i> fa-3x 
                    <i class="fa fa-camera-retro fa-4x"></i> fa-4x 
                    <i class="fa fa-camera-retro fa-5x"></i> fa-5x 
                  </p>
                  <p>
                    使用 <code>fa-lg</code> (33%递增)、<code>fa-2x</code>、
                    <code>fa-3x</code>、<code>fa-4x</code>，或者 <code>fa-5x</code> 类 来放大图标。
                  </p>
                  <div>
                      <pre><code class="Html"><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-camera-retro fa-lg"</span><span class="nt">&gt;&lt;/i&gt;</span> fa-lg<br><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-camera-retro fa-2x"</span><span class="nt">&gt;&lt;/i&gt;</span> fa-2x<br><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-camera-retro fa-3x"</span><span class="nt">&gt;&lt;/i&gt;</span> fa-3x<br><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-camera-retro fa-4x"</span><span class="nt">&gt;&lt;/i&gt;</span> fa-4x<br><span class="nt">&lt;i</span> <span class="na">class=</span><span class="s">"fa fa-camera-retro fa-5x"</span><span class="nt">&gt;&lt;/i&gt;</span> fa-5x</code></pre>
                  </div>
                  <div class="alert alert-success">
                    <ul class="fa-ul">
                      <li>
                        <i class="fa fa-exclamation-triangle fa-li fa-lg"></i>
                        如果图标的底部和顶部被截断了，您需要增加行高来解决此问题。
                      </li>
                    </ul>
                  </div>
                  <p>3. 固定宽度：使用 fa-fw 可以将图标设置为一个固定宽度。主要用于不同宽度图标无法对齐的情况。 尤其在列表或导航时起到重要作用。</p>
                  <p>
                    未使用fa-fw：<br />
                    <ul class="fa-ul">
                      <li><i class="fa fa-li fa-bluetooth-b"></i> bluetooth-b</li>
                      <li><i class="fa fa-li fa-fort-awesome"></i> fort-awesome</li>
                    </ul>
                  </p>
                  <p>
                    使用fa-fw：<br />
                    <ul class="fa-ul">
                      <li><i class="fa fa-li fa-bluetooth-b fa-fw"></i> bluetooth-b</li>
                      <li><i class="fa fa-li fa-fort-awesome fa-fw"></i> fort-awesome</li>
                    </ul>
                  </p>
                  <p>4. 用于列表：使用 fa-ul 和 fa-li 便可以简单的将无序列表的默认符号替换掉。</p>
                  <p>例子见3。</p>
                  <pre><code class="Html">&lt;ul class="fa-ul"&gt;<br>&nbsp;&nbsp;&lt;li&gt;&lt;i class="fa fa-li fa-bluetooth-b"&gt;&lt;/i&gt; bluetooth-b&lt;/li&gt;<br>&nbsp;&nbsp;&lt;li&gt;&lt;i class="fa fa-li fa-fort-awesome"&gt;&lt;/i&gt; fort-awesome&lt;/li&gt;<br>&lt;/ul&gt;</code></pre>
                  <p>5. 边框与对齐：使用 fa-border 以及 pull-right 或 pull-left 可以轻易构造出引用的特殊效果。</p>
                  <p>pull-left/pull-right效果同bootstrap</p>
                  <p>6. 动画(动态自旋转)：使用 fa-spin 类来使任意图标旋转，现在您还可以使用 fa-pulse 来使其进行8方位旋转。尤其适合 fa-spinner、fa-refresh 和 fa-cog 。</p>
                  <p class="alert alert-success">
                    <i class="fa fa-info-circle"></i>  CSS3动画不支持IE8-IE9。
                  </p>
                  <p>
                    <i class="fa fa-spinner fa-spin fa-3x fa-fw margin-bottom"></i>
                    <i class="fa fa-circle-o-notch fa-spin fa-3x fa-fw margin-bottom"></i>
                    <i class="fa fa-refresh fa-spin fa-3x fa-fw margin-bottom"></i>
                    <i class="fa fa-cog fa-spin fa-3x fa-fw margin-bottom"></i>
                    <i class="fa fa-spinner fa-pulse fa-3x fa-fw margin-bottom"></i>
                  </p>
                  <p>7. 旋转(静态旋转)与翻转：使用 fa-rotate-* 和 fa-flip-* 类可以对图标进行任意旋转和翻转。</p>
                  <p style="font-size: 18px;">
                    <i class="fa fa-shield"></i> normal 
                    <i class="fa fa-shield fa-rotate-90"></i> fa-rotate-90 
                    <i class="fa fa-shield fa-rotate-180"></i> fa-rotate-180 
                    <i class="fa fa-shield fa-rotate-270"></i> fa-rotate-270 
                    <i class="fa fa-shield fa-flip-horizontal"></i> fa-flip-horizontal 
                    <i class="fa fa-shield fa-flip-vertical"></i> fa-flip-vertical
                  </p>
                  <pre><code class="Html">&lt;p style="font-size: 18px;"&gt;<br />&nbsp;&nbsp;&lt;i class="fa fa-shield"&gt;&lt;/i&gt; normal <br />&nbsp;&nbsp;&lt;i class="fa fa-shield fa-rotate-90"&gt;&lt;/i&gt; fa-rotate-90 <br />&nbsp;&nbsp;&lt;i class="fa fa-shield fa-rotate-180"&gt;&lt;/i&gt; fa-rotate-180 <br />&nbsp;&nbsp;&lt;i class="fa fa-shield fa-rotate-270"&gt;&lt;/i&gt; fa-rotate-270 <br />&nbsp;&nbsp;&lt;i class="fa fa-shield fa-flip-horizontal"&gt;&lt;/i&gt; fa-flip-horizontal <br />&nbsp;&nbsp;&lt;i class="fa fa-shield fa-flip-vertical"&gt;&lt;/i&gt; fa-flip-vertical<br />&lt;/p&gt;</code></pre>
                  <p>8. 组合使用：如果想要将多个图标组合起来，使用 fa-stack 类作为父容器， fa-stack-1x 作为正常比例的图标， fa-stack-2x 作为大一些的图标。还可以使用 fa-inverse 类来切换图标颜色。您可以在父容器中 通过添加 大图标 类来控制整体大小。</p>
                  <p>
                    <span class="fa-stack fa-lg">
                      <i class="fa fa-square-o fa-stack-2x"></i>
                      <i class="fa fa-twitter fa-stack-1x"></i>
                    </span> fa-twitter on fa-square-o
                    <span class="fa-stack fa-lg">
                      <i class="fa fa-circle fa-stack-2x"></i>
                      <i class="fa fa-flag fa-stack-1x fa-inverse"></i>
                    </span> fa-flag on fa-circle
                    <span class="fa-stack fa-lg">
                      <i class="fa fa-square fa-stack-2x"></i>
                      <i class="fa fa-terminal fa-stack-1x fa-inverse"></i>
                    </span> fa-terminal on fa-square
                    <span class="fa-stack fa-lg">
                      <i class="fa fa-camera fa-stack-1x"></i>
                      <i class="fa fa-ban fa-stack-2x text-danger"></i>
                    </span> fa-ban on fa-camera
                  </p>
                  <pre><code class="Html">&lt;p&gt;<br />&nbsp;&nbsp;&lt;span class="fa-stack fa-lg"&gt;<br />&nbsp;&nbsp;&nbsp;&lt;i class="fa fa-square-o fa-stack-2x"&gt;&lt;/i&gt;<br />&nbsp;&nbsp;&nbsp;&lt;i class="fa fa-twitter fa-stack-1x"&gt;&lt;/i&gt;<br />&nbsp;&nbsp;&lt;/span&gt; fa-twitter on fa-square-o<br />&nbsp;&nbsp;&lt;span class="fa-stack fa-lg"&gt;<br />&nbsp;&nbsp;&nbsp;&lt;i class="fa fa-circle fa-stack-2x"&gt;&lt;/i&gt;<br />&nbsp;&nbsp;&nbsp;&lt;i class="fa fa-flag fa-stack-1x fa-inverse"&gt;&lt;/i&gt;<br />&nbsp;&nbsp;&lt;/span&gt; fa-flag on fa-circle<br />&nbsp;&nbsp;&lt;span class="fa-stack fa-lg"&gt;<br />&nbsp;&nbsp;&nbsp;&lt;i class="fa fa-square fa-stack-2x"&gt;&lt;/i&gt;<br />&nbsp;&nbsp;&nbsp;&lt;i class="fa fa-terminal fa-stack-1x fa-inverse"&gt;&lt;/i&gt;<br />&nbsp;&nbsp;&lt;/span&gt; fa-terminal on fa-square<br />&nbsp;&nbsp;&lt;span class="fa-stack fa-lg"&gt;<br />&nbsp;&nbsp;&nbsp;&lt;i class="fa fa-camera fa-stack-1x"&gt;&lt;/i&gt;<br />&nbsp;&nbsp;&nbsp;&lt;i class="fa fa-ban fa-stack-2x text-danger"&gt;&lt;/i&gt;<br />&nbsp;&nbsp;&lt;/span&gt; fa-ban on fa-camera<br />&lt;/p&gt</code></pre>
                  <p>
                    <span class="text-red">版本：</span>V4.5
                  </p>
                  <br />
                  <p>图标列表：（因为查找很困难，所以为每个图标添加了关键字，|前的是图标名，|后的是关键字）</p>
                  <div>
                    <section id="new" class="row">
                      <h2 class="page-header">4.5版新增的图标</h2>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bluetooth fa-fw"></i> bluetooth |蓝牙</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bluetooth-b fa-fw"></i> bluetooth-b</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-codiepie fa-fw"></i> codiepie |吃豆人饼</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-credit-card-alt fa-fw"></i> credit-card-alt |信用卡</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-edge fa-fw"></i> edge |ie浏览器</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-fort-awesome fa-fw"></i> fort-awesome |城堡</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hashtag fa-fw"></i> hashtag |#井号C#sharp</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-mixcloud fa-fw"></i> mixcloud |云分享</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-modx fa-fw"></i> modx |风车</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-pause-circle fa-fw"></i> pause-circle |暂停</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-pause-circle-o fa-fw"></i> pause-circle-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-percent fa-fw"></i> percent |%百分号</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-product-hunt fa-fw"></i> product-hunt |pP产品</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-reddit-alien fa-fw"></i> reddit-alien |外星人ET</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-scribd fa-fw"></i> scribd |sS文档社区</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-shopping-bag fa-fw"></i> shopping-bag |购物袋</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-shopping-basket fa-fw"></i> shopping-basket</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cart-arrow-down fa-fw"></i> cart-arrow-down |购物车</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cart-plus fa-fw"></i> cart-plus</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-shopping-cart fa-fw"></i> shopping-cart</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-stop-circle fa-fw"></i> stop-circle |停止结束</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-stop-circle-o fa-fw"></i> stop-circle-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-usb fa-fw"></i> usb |集线器hub</div>
                    </section>
                    <section id="web-application" class="row">
                      <h2 class="page-header">网页</h2>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-adjust fa-fw"></i> adjust |黑白圆公平</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-shield fa-fw"></i> shield |盾牌</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-ship fa-fw"></i> ship |船</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-anchor fa-fw"></i> anchor |船锚</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-archive fa-fw"></i> archive |邮箱附件</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-area-chart fa-fw"></i> area-chart |面积图形图表</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrows fa-fw"></i> arrows |十字箭头</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrows-h fa-fw"></i> arrows-h |水平箭头</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrows-v fa-fw"></i> arrows-v |垂直箭头</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-asterisk fa-fw"></i> asterisk |*星号</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-at fa-fw"></i> at |@</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-truck fa-fw"></i> truck |货车</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bus fa-fw"></i> bus |公共汽车公交</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cab fa-fw"></i> cab  |小车的士汽车</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-automobile fa-fw"></i> automobile</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-taxi fa-fw"></i> taxi</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-balance-scale fa-fw"></i> balance-scale |公平秤天平</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-ban fa-fw"></i> ban |禁止</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bank fa-fw"></i> bank |银行</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bar-chart fa-fw"></i> bar-chart |条形图图表</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bar-chart-o fa-fw"></i> bar-chart-o |条形图</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-line-chart fa-fw"></i> line-chart |折线图</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-pie-chart fa-fw"></i> pie-chart |饼图</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-barcode fa-fw"></i> barcode |条形码</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bars fa-fw"></i> bars |三杠小队长分散对齐条形</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-navicon fa-fw"></i> navicon </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-reorder fa-fw"></i> reorder </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-battery-0 fa-fw"></i> battery-0 |电池</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-battery-1 fa-fw"></i> battery-1</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-battery-2 fa-fw"></i> battery-2</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-battery-3 fa-fw"></i> battery-3</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-battery-4 fa-fw"></i> battery-4</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-battery-empty fa-fw"></i> battery-empty |电池</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-battery-full fa-fw"></i> battery-full</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-battery-half fa-fw"></i> battery-half</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-battery-quarter fa-fw"></i> battery-quarter</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-battery-three-quarters fa-fw"></i> battery-three-quarters</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bed fa-fw"></i> bed |床酒店</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hotel fa-fw"></i> hotel</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-beer fa-fw"></i> beer |啤酒杯</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bell fa-fw"></i> bell |铃铛</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bell-o fa-fw"></i> bell-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bell-slash fa-fw"></i> bell-slash</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bell-slash-o fa-fw"></i> bell-slash-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bicycle fa-fw"></i> bicycle |自行车单车</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-binoculars fa-fw"></i> binoculars |望远镜滑滑梯</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-birthday-cake fa-fw"></i> birthday-cake |生日蛋糕</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bolt fa-fw"></i> bolt |闪电雷电</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bomb fa-fw"></i> bomb |炸弹</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-book fa-fw"></i> book |书</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bookmark fa-fw"></i> bookmark |书签</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bookmark-o fa-fw"></i> bookmark-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-briefcase fa-fw"></i> briefcase |公文包</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-suitcase fa-fw"></i> suitcase</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bug fa-fw"></i> bug |瓢虫</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-building fa-fw"></i> building |大楼建筑</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-building-o fa-fw"></i> building-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bullhorn fa-fw"></i> bullhorn |喇叭</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bullseye fa-fw"></i> bullseye |靶心目标圆心圈点</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-calculator fa-fw"></i> calculator |计算器计算机</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-calendar fa-fw"></i> calendar |日历</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-calendar-check-o fa-fw"></i> calendar-check-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-calendar-minus-o fa-fw"></i> calendar-minus-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-calendar-o fa-fw"></i> calendar-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-calendar-plus-o fa-fw"></i> calendar-plus-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-calendar-times-o fa-fw"></i> calendar-times-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-camera fa-fw"></i> camera |照相机摄像机</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-camera-retro fa-fw"></i> camera-retro |照相机摄像机</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-video-camera fa-fw"></i> video-camera |视频</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-car fa-fw"></i> car |小车的士汽车</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-caret-square-o-down fa-fw"></i> caret-square-o-down |下箭头</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-caret-square-o-left fa-fw"></i> caret-square-o-left |左箭头</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-caret-square-o-right fa-fw"></i> caret-square-o-right |右箭头</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-caret-square-o-up fa-fw"></i> caret-square-o-up |上箭头</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-toggle-down fa-fw"></i> toggle-down </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-toggle-left fa-fw"></i> toggle-left </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-toggle-right fa-fw"></i> toggle-right </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-toggle-up fa-fw"></i> toggle-up </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cc fa-fw"></i> cc |域名</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-certificate fa-fw"></i> certificate |星证书</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-check fa-fw"></i> check |检查对正确勾</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-check-circle fa-fw"></i> check-circle</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-check-circle-o fa-fw"></i> check-circle-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-check-square fa-fw"></i> check-square</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-check-square-o fa-fw"></i> check-square-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-child fa-fw"></i> child |人举手小孩</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-female fa-fw"></i> female |女人</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-male fa-fw"></i> male |男人</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-circle fa-fw"></i> circle |圆点</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-circle-o fa-fw"></i> circle-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-circle-o-notch fa-fw"></i> circle-o-notch |圆缺口</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-circle-thin fa-fw"></i> circle-thin</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-clock-o fa-fw"></i> clock-o |钟</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-clone fa-fw"></i> clone |复制克隆方</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cloud fa-fw"></i> cloud |云</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cloud-download fa-fw"></i> cloud-download</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cloud-upload fa-fw"></i> cloud-upload</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-code fa-fw"></i> code |source代码源码</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-code-fork fa-fw"></i> code-fork |折叠层级</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-coffee fa-fw"></i> coffee |咖啡</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cog fa-fw"></i> cog |齿轮设置</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cogs fa-fw"></i> cogs</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-gear fa-fw"></i> gear </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-gears fa-fw"></i> gears </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-wrench fa-fw"></i> wrench |工具扳手</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-comment fa-fw"></i> comment |评论</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-comment-o fa-fw"></i> comment-o |说话</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-commenting fa-fw"></i> commenting |对话框</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-commenting-o fa-fw"></i> commenting-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-comments fa-fw"></i> comments</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-comments-o fa-fw"></i> comments-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-compass fa-fw"></i> compass |指南针</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-copyright fa-fw"></i> copyright |cC版权</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-creative-commons fa-fw"></i> creative-commons</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-credit-card fa-fw"></i> credit-card |信用卡</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-credit-card-alt fa-fw"></i> credit-card-alt |信用卡</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-crop fa-fw"></i> crop |截图截断切图</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-crosshairs fa-fw"></i> crosshairs |目标准星</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cube fa-fw"></i> cube |立方体立体</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cubes fa-fw"></i> cubes</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cutlery fa-fw"></i> cutlery |餐具刀叉</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-dashboard fa-fw"></i> dashboard  |图表仪表盘</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-tachometer fa-fw"></i> tachometer</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-database fa-fw"></i> database |数据库</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-desktop fa-fw"></i> desktop |桌面显示器</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-television fa-fw"></i> television |电视</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-tv fa-fw"></i> tv </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-diamond fa-fw"></i> diamond |宝石钻石奥迪</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-dot-circle-o fa-fw"></i> dot-circle-o |圆点</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-download fa-fw"></i> download |下箭头下载</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-upload fa-fw"></i> upload |上箭头上传</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-edit fa-fw"></i> edit  |编辑编写</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-ellipsis-h fa-fw"></i> ellipsis-h |更多扩展</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-ellipsis-v fa-fw"></i> ellipsis-v</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-envelope fa-fw"></i> envelope |信封</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-envelope-o fa-fw"></i> envelope-o |信封</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-envelope-square fa-fw"></i> envelope-square</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-eraser fa-fw"></i> eraser |橡皮擦</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-exchange fa-fw"></i> exchange |交换双箭头</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-exclamation fa-fw"></i> exclamation |!叹号</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-exclamation-circle fa-fw"></i> exclamation-circle |!叹号</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-exclamation-triangle fa-fw"></i> exclamation-triangle</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-external-link fa-fw"></i> external-link |箭头更多打开分享</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-external-link-square fa-fw"></i> external-link-square |箭头更多打开</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-share fa-fw"></i> share |分享</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-share-alt fa-fw"></i> share-alt</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-share-alt-square fa-fw"></i> share-alt-square</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-share-square fa-fw"></i> share-square</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-share-square-o fa-fw"></i> share-square-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-eye fa-fw"></i> eye |眼睛</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-eye-slash fa-fw"></i> eye-slash</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-eyedropper fa-fw"></i> eyedropper |滴管</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-fax fa-fw"></i> fax |传真</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-feed fa-fw"></i> feed  |wifi定制</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-rss fa-fw"></i> rss</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-rss-square fa-fw"></i> rss-square</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-rocket fa-fw"></i> rocket |火箭</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-fighter-jet fa-fw"></i> fighter-jet |飞机战斗机</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-space-shuttle fa-fw"></i> space-shuttle |飞船</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-archive-o fa-fw"></i> file-archive-o |文件</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-zip-o fa-fw"></i> file-zip-o  |文件</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-audio-o fa-fw"></i> file-audio-o |声音</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-sound-o fa-fw"></i> file-sound-o </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-code-o fa-fw"></i> file-code-o |代码源码</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-photo fa-fw"></i> photo </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-photo-o fa-fw"></i> file-photo-o </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-image-o fa-fw"></i> file-image-o |图像</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-picture-o fa-fw"></i> picture-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-picture-o fa-fw"></i> file-picture-o  |图像</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-movie-o fa-fw"></i> file-movie-o  |电影视频</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-video-o fa-fw"></i> file-video-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-pdf-o fa-fw"></i> file-pdf-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-excel-o fa-fw"></i> file-excel-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-word-o fa-fw"></i> file-word-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-powerpoint-o fa-fw"></i> file-powerpoint-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-film fa-fw"></i> film |电影片</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-filter fa-fw"></i> filter |筛选漏斗</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-fire fa-fw"></i> fire |火茶</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-fire-extinguisher fa-fw"></i> fire-extinguisher |灭火器</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-flag fa-fw"></i> flag |旗</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-flag-checkered fa-fw"></i> flag-checkered</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-flag-o fa-fw"></i> flag-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-flash fa-fw"></i> flash </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-flask fa-fw"></i> flask</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-folder fa-fw"></i> folder |文件夹</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-folder-o fa-fw"></i> folder-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-folder-open fa-fw"></i> folder-open</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-folder-open-o fa-fw"></i> folder-open-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-frown-o fa-fw"></i> frown-o |表情伤心不开心</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-meh-o fa-fw"></i> meh-o |平常心</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-smile-o fa-fw"></i> smile-o |开心</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-futbol-o fa-fw"></i> futbol-o |足球</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-soccer-ball-o fa-fw"></i> soccer-ball-o </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-gamepad fa-fw"></i> gamepad |游戏手柄</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-gavel fa-fw"></i> gavel |锤子敲</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-legal fa-fw"></i> legal </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-gift fa-fw"></i> gift |礼物礼品</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-glass fa-fw"></i> glass |玻璃杯</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-globe fa-fw"></i> globe |全球全局</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-graduation-cap fa-fw"></i> graduation-cap |学士学生毕业大学高校</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-mortar-board fa-fw"></i> mortar-board </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-user fa-fw"></i> user |用户个人</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-user-plus fa-fw"></i> user-plus |添加用户</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-user-secret fa-fw"></i> user-secret |私密秘密匿名</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-user-times fa-fw"></i> user-times |关闭用户禁用用户</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-users fa-fw"></i> users |集体人群</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-group fa-fw"></i> group </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-grab-o fa-fw"></i> hand-grab-o  |手拳头</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-lizard-o fa-fw"></i> hand-lizard-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-paper-o fa-fw"></i> hand-paper-o |掌</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-peace-o fa-fw"></i> hand-peace-o |剪刀yeahyes</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-pointer-o fa-fw"></i> hand-pointer-o |手指点击</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-rock-o fa-fw"></i> hand-rock-o |石头</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-scissors-o fa-fw"></i> hand-scissors-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-spock-o fa-fw"></i> hand-spock-o |星际迷航</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-stop-o fa-fw"></i> hand-stop-o |手掌停止禁止</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hdd-o fa-fw"></i> hdd-o |硬盘符</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-headphones fa-fw"></i> headphones |耳机</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-heart fa-fw"></i> heart |心</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-heart-o fa-fw"></i> heart-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-heartbeat fa-fw"></i> heartbeat</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-history fa-fw"></i> history |历史回滚</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-home fa-fw"></i> home |家屋房</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hourglass fa-fw"></i> hourglass |沙漏</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hourglass-1 fa-fw"></i> hourglass-1  |计时器</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hourglass-2 fa-fw"></i> hourglass-2 </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hourglass-3 fa-fw"></i> hourglass-3 </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hourglass-end fa-fw"></i> hourglass-end</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hourglass-half fa-fw"></i> hourglass-half</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hourglass-o fa-fw"></i> hourglass-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hourglass-start fa-fw"></i> hourglass-start</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-i-cursor fa-fw"></i> i-cursor |iI指针光标</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-image fa-fw"></i> image  |图像</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-inbox fa-fw"></i> inbox |收件箱子</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-industry fa-fw"></i> industry |工业工厂</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-info fa-fw"></i> info |iI信息</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-info-circle fa-fw"></i> info-circle</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-institution fa-fw"></i> institution  |学校监狱政府部门建筑</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-university fa-fw"></i> university</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-key fa-fw"></i> key |钥匙</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-keyboard-o fa-fw"></i> keyboard-o |键盘</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-language fa-fw"></i> language |语言翻译</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-laptop fa-fw"></i> laptop |笔记本电脑</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-leaf fa-fw"></i> leaf |树叶</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-lemon-o fa-fw"></i> lemon-o |柠檬</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-level-down fa-fw"></i> level-down |下箭头等级降低</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-level-up fa-fw"></i> level-up |上箭头等级升高</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-life-bouy fa-fw"></i> life-bouy  |急救生圈</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-life-buoy fa-fw"></i> life-buoy </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-life-ring fa-fw"></i> life-ring |生命环</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-life-saver fa-fw"></i> life-saver </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-support fa-fw"></i> support  |技术支持</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-lightbulb-o fa-fw"></i> lightbulb-o |灯泡灵感灵光</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-lock fa-fw"></i> lock |锁头</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-unlock fa-fw"></i> unlock |开锁</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-unlock-alt fa-fw"></i> unlock-alt</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-magic fa-fw"></i> magic |魔术棒</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-magnet fa-fw"></i> magnet |磁铁</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-mail-forward fa-fw"></i> mail-forward  |往前进右发邮件</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-mail-reply fa-fw"></i> mail-reply  |往后返回左回复</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-mail-reply-all fa-fw"></i> mail-reply-all </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-reply fa-fw"></i> reply</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-reply-all fa-fw"></i> reply-all</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-retweet fa-fw"></i> retweet |转发重推</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-location-arrow fa-fw"></i> location-arrow |定位指针</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-map-marker fa-fw"></i> map-marker |定位地图</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-map-pin fa-fw"></i> map-pin |图钉</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-map-signs fa-fw"></i> map-signs |地标</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-street-view fa-fw"></i> street-view |街景</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-map fa-fw"></i> map |地图屏风折纸</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-map-o fa-fw"></i> map-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-microphone fa-fw"></i> microphone |录音麦克风</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-microphone-slash fa-fw"></i> microphone-slash</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-minus fa-fw"></i> minus |-减</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-minus-circle fa-fw"></i> minus-circle</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-minus-square fa-fw"></i> minus-square</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-minus-square-o fa-fw"></i> minus-square-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-plus fa-fw"></i> plus |+加号</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-plus-circle fa-fw"></i> plus-circle</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-plus-square fa-fw"></i> plus-square</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-plus-square-o fa-fw"></i> plus-square-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-question fa-fw"></i> question |?问号</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-question-circle fa-fw"></i> question-circle</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-quote-left fa-fw"></i> quote-left |"“左引号</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-quote-right fa-fw"></i> quote-right |”右引号</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-close fa-fw"></i> close  |关闭叉删除</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-remove fa-fw"></i> remove </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-times fa-fw"></i> times</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-times-circle fa-fw"></i> times-circle</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-times-circle-o fa-fw"></i> times-circle-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-mobile fa-fw"></i> mobile |手机</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-mobile-phone fa-fw"></i> mobile-phone </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-phone fa-fw"></i> phone |固定电话</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-phone-square fa-fw"></i> phone-square</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-tty fa-fw"></i> tty |打字机</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-money fa-fw"></i> money |钱钞票</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-moon-o fa-fw"></i> moon-o |弯月亮</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sun-o fa-fw"></i> sun-o |太阳</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-motorcycle fa-fw"></i> motorcycle |摩托车</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-mouse-pointer fa-fw"></i> mouse-pointer |鼠标指针</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-music fa-fw"></i> music |音乐音符</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-newspaper-o fa-fw"></i> newspaper-o |新闻报纸</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-object-group fa-fw"></i> object-group |画板画布公布栏集合</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-object-ungroup fa-fw"></i> object-ungroup |分解</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-paint-brush fa-fw"></i> paint-brush |画笔绘画笔刷</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-paper-plane fa-fw"></i> paper-plane |折纸飞机</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-paper-plane-o fa-fw"></i> paper-plane-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-send fa-fw"></i> send  |发送</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-send-o fa-fw"></i> send-o </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-paw fa-fw"></i> paw |百度熊掌猫爪</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-pencil fa-fw"></i> pencil |铅笔</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-pencil-square fa-fw"></i> pencil-square</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-pencil-square-o fa-fw"></i> pencil-square-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-plane fa-fw"></i> plane |飞机</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-plug fa-fw"></i> plug |插头插件</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-power-off fa-fw"></i> power-off |关机</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-print fa-fw"></i> print |打印机</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-puzzle-piece fa-fw"></i> puzzle-piece |拼图</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-qrcode fa-fw"></i> qrcode |二维码</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-random fa-fw"></i> random |随机</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-recycle fa-fw"></i> recycle |可回收</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-refresh fa-fw"></i> refresh |刷新</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-registered fa-fw"></i> registered |rR注册</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-road fa-fw"></i> road |马路</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-search fa-fw"></i> search |查找放大镜</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-search-minus fa-fw"></i> search-minus</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-search-plus fa-fw"></i> search-plus</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-server fa-fw"></i> server |服务器排列</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sign-in fa-fw"></i> sign-in |登陆登入右箭头</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sign-out fa-fw"></i> sign-out |登出退出</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-signal fa-fw"></i> signal |信号</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sitemap fa-fw"></i> sitemap |架构图</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sliders fa-fw"></i> sliders |滑块滑动条音量</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sort fa-fw"></i> sort |排序无序</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-unsorted fa-fw"></i> unsorted </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sort-alpha-asc fa-fw"></i> sort-alpha-asc |字母正序小到大</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sort-alpha-desc fa-fw"></i> sort-alpha-desc |倒序大到小</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sort-amount-asc fa-fw"></i> sort-amount-asc</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sort-amount-desc fa-fw"></i> sort-amount-desc</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sort-asc fa-fw"></i> sort-asc</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sort-desc fa-fw"></i> sort-desc</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sort-down fa-fw"></i> sort-down </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sort-numeric-asc fa-fw"></i> sort-numeric-asc |数字正序</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sort-numeric-desc fa-fw"></i> sort-numeric-desc</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sort-up fa-fw"></i> sort-up </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-spinner fa-fw"></i> spinner |加载</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-spoon fa-fw"></i> spoon |餐具汤勺</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-square fa-fw"></i> square |方</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-square-o fa-fw"></i> square-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-star fa-fw"></i> star |星</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-star-half fa-fw"></i> star-half</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-star-half-empty fa-fw"></i> star-half-empty </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-star-half-full fa-fw"></i> star-half-full </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-star-half-o fa-fw"></i> star-half-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-star-o fa-fw"></i> star-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sticky-note fa-fw"></i> sticky-note |留言板纸便条</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sticky-note-o fa-fw"></i> sticky-note-o |太阳</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-tablet fa-fw"></i> tablet |平板</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-tag fa-fw"></i> tag |标签</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-tags fa-fw"></i> tags</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-tasks fa-fw"></i> tasks |progress任务进度</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-terminal fa-fw"></i> terminal |>_cmdshell终端命令提示符</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-thumb-tack fa-fw"></i> thumb-tack |图钉大头针</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-thumbs-down fa-fw"></i> thumbs-down |bad手势差劲</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-thumbs-o-down fa-fw"></i> thumbs-o-down</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-thumbs-o-up fa-fw"></i> thumbs-o-up |good好</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-thumbs-up fa-fw"></i> thumbs-up</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-ticket fa-fw"></i> ticket |车票电影票</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-tint fa-fw"></i> tint |墨水滴</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-toggle-off fa-fw"></i> toggle-off |checkbox关闭</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-toggle-on fa-fw"></i> toggle-on |打开</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-trademark fa-fw"></i> trademark |tmTM贸易交易</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-trash fa-fw"></i> trash |recyclebin回收站垃圾桶</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-trash-o fa-fw"></i> trash-o</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-tree fa-fw"></i> tree |圣诞树</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-trophy fa-fw"></i> trophy |奖杯冠军</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-umbrella fa-fw"></i> umbrella |雨伞</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-volume-down fa-fw"></i> volume-down |音量减</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-volume-off fa-fw"></i> volume-off |音量关</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-volume-up fa-fw"></i> volume-up |音量加</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-warning fa-fw"></i> warning  |警告警</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-wheelchair fa-fw"></i> wheelchair |残疾轮椅辅助</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-wifi fa-fw"></i> wifi |无线</div>
                    </section>
                    <section id="hand" class="row">
                      <h2 class="page-header">手势</h2>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-grab-o fa-fw"></i> hand-grab-o  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-lizard-o fa-fw"></i> hand-lizard-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-o-down fa-fw"></i> hand-o-down |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-o-left fa-fw"></i> hand-o-left |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-o-right fa-fw"></i> hand-o-right |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-o-up fa-fw"></i> hand-o-up |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-paper-o fa-fw"></i> hand-paper-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-peace-o fa-fw"></i> hand-peace-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-pointer-o fa-fw"></i> hand-pointer-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-rock-o fa-fw"></i> hand-rock-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-scissors-o fa-fw"></i> hand-scissors-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-spock-o fa-fw"></i> hand-spock-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-stop-o fa-fw"></i> hand-stop-o  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-thumbs-down fa-fw"></i> thumbs-down |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-thumbs-o-down fa-fw"></i> thumbs-o-down |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-thumbs-o-up fa-fw"></i> thumbs-o-up |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-thumbs-up fa-fw"></i> thumbs-up |</div>
                    </section>
                    <section id="transportation" class="row">
                      <h2 class="page-header">运输</h2>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-ambulance fa-fw"></i> ambulance |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-automobile fa-fw"></i> automobile  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bicycle fa-fw"></i> bicycle |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bus fa-fw"></i> bus |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cab fa-fw"></i> cab  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-car fa-fw"></i> car |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-fighter-jet fa-fw"></i> fighter-jet |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-motorcycle fa-fw"></i> motorcycle |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-plane fa-fw"></i> plane |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-rocket fa-fw"></i> rocket |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-ship fa-fw"></i> ship |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-space-shuttle fa-fw"></i> space-shuttle |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-subway fa-fw"></i> subway |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-taxi fa-fw"></i> taxi |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-train fa-fw"></i> train |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-truck fa-fw"></i> truck |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-wheelchair fa-fw"></i> wheelchair |</div>
                    </section>
                    <section id="gender" class="row">
                      <h2 class="page-header">性别</h2>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-genderless fa-fw"></i> genderless |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-intersex fa-fw"></i> intersex  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-mars fa-fw"></i> mars |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-mars-double fa-fw"></i> mars-double |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-mars-stroke fa-fw"></i> mars-stroke |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-mars-stroke-h fa-fw"></i> mars-stroke-h |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-mars-stroke-v fa-fw"></i> mars-stroke-v |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-mercury fa-fw"></i> mercury |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-neuter fa-fw"></i> neuter |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-transgender fa-fw"></i> transgender |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-transgender-alt fa-fw"></i> transgender-alt |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-venus fa-fw"></i> venus |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-venus-double fa-fw"></i> venus-double |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-venus-mars fa-fw"></i> venus-mars |</div>
                    </section>
                    <section id="file-type" class="row">
                      <h2 class="page-header">文件类型</h2>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file fa-fw"></i> file |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-archive-o fa-fw"></i> file-archive-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-audio-o fa-fw"></i> file-audio-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-code-o fa-fw"></i> file-code-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-excel-o fa-fw"></i> file-excel-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-image-o fa-fw"></i> file-image-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-movie-o fa-fw"></i> file-movie-o  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-o fa-fw"></i> file-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-pdf-o fa-fw"></i> file-pdf-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-photo-o fa-fw"></i> file-photo-o  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-picture-o fa-fw"></i> file-picture-o  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-powerpoint-o fa-fw"></i> file-powerpoint-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-sound-o fa-fw"></i> file-sound-o  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-text fa-fw"></i> file-text |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-text-o fa-fw"></i> file-text-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-video-o fa-fw"></i> file-video-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-word-o fa-fw"></i> file-word-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-zip-o fa-fw"></i> file-zip-o  |</div>
                    </section>
                    <section id="spinner" class="row">
                      <h2 class="page-header">可旋转</h2>
                      <div class="alert alert-success">
                         <ul class="fa-ul">
                           <li>
                             <i class="fa fa-info-circle fa-lg fa-li"></i>
                             这些图标在<code>fa-spin</code>类的作用下表现优异。您可以查阅
                             <a href="#spinning" class="alert-link">可旋转图标案例</a>.
                           </li>
                         </ul>
                      </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-spin fa-circle-o-notch fa-fw"></i> circle-o-notch |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-spin fa-cog fa-fw"></i> cog |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-spin fa-gear fa-fw"></i> gear  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-spin fa-refresh fa-fw"></i> refresh |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-spin fa-spinner fa-fw"></i> spinner |</div>
                    </section>
                    <section id="form-control" class="row">
                      <h2 class="page-header">表单</h2>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-check-square fa-fw"></i> check-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-check-square-o fa-fw"></i> check-square-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-circle fa-fw"></i> circle |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-circle-o fa-fw"></i> circle-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-dot-circle-o fa-fw"></i> dot-circle-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-minus-square fa-fw"></i> minus-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-minus-square-o fa-fw"></i> minus-square-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-plus-square fa-fw"></i> plus-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-plus-square-o fa-fw"></i> plus-square-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-square fa-fw"></i> square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-square-o fa-fw"></i> square-o |</div>
                    </section>
                    <section id="payment" class="row">
                      <h2 class="page-header">支付</h2>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cc-amex fa-fw"></i> cc-amex |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cc-diners-club fa-fw"></i> cc-diners-club |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cc-discover fa-fw"></i> cc-discover |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cc-jcb fa-fw"></i> cc-jcb |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cc-mastercard fa-fw"></i> cc-mastercard |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cc-paypal fa-fw"></i> cc-paypal |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cc-stripe fa-fw"></i> cc-stripe |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cc-visa fa-fw"></i> cc-visa |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-credit-card fa-fw"></i> credit-card |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-credit-card-alt fa-fw"></i> credit-card-alt |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-google-wallet fa-fw"></i> google-wallet |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-paypal fa-fw"></i> paypal |</div>
                    </section>
                    <section id="chart" class="row">
                      <h2 class="page-header">图表</h2>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-area-chart fa-fw"></i> area-chart |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bar-chart fa-fw"></i> bar-chart |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bar-chart-o fa-fw"></i> bar-chart-o  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-line-chart fa-fw"></i> line-chart |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-pie-chart fa-fw"></i> pie-chart |</div>
                    </section>
                    <section id="currency" class="row">
                      <h2 class="page-header">货币</h2>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bitcoin fa-fw"></i> bitcoin  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-btc fa-fw"></i> btc |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cny fa-fw"></i> cny  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-dollar fa-fw"></i> dollar  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-eur fa-fw"></i> eur |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-euro fa-fw"></i> euro  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-gbp fa-fw"></i> gbp |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-gg fa-fw"></i> gg |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-gg-circle fa-fw"></i> gg-circle |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-ils fa-fw"></i> ils |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-inr fa-fw"></i> inr |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-jpy fa-fw"></i> jpy |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-krw fa-fw"></i> krw |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-money fa-fw"></i> money |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-rmb fa-fw"></i> rmb  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-rouble fa-fw"></i> rouble  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-rub fa-fw"></i> rub |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-ruble fa-fw"></i> ruble  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-rupee fa-fw"></i> rupee  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-shekel fa-fw"></i> shekel  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sheqel fa-fw"></i> sheqel  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-try fa-fw"></i> try |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-turkish-lira fa-fw"></i> turkish-lira  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-usd fa-fw"></i> usd |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-won fa-fw"></i> won  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-yen fa-fw"></i> yen  |</div>
                    </section>
                    <section id="text-editor" class="row">
                      <h2 class="page-header">文本编辑</h2>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-align-center fa-fw"></i> align-center |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-align-justify fa-fw"></i> align-justify |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-align-left fa-fw"></i> align-left |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-align-right fa-fw"></i> align-right |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bold fa-fw"></i> bold |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-chain fa-fw"></i> chain  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-chain-broken fa-fw"></i> chain-broken |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-clipboard fa-fw"></i> clipboard |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-columns fa-fw"></i> columns |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-copy fa-fw"></i> copy  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cut fa-fw"></i> cut  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-dedent fa-fw"></i> dedent  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-eraser fa-fw"></i> eraser |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file fa-fw"></i> file |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-o fa-fw"></i> file-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-text fa-fw"></i> file-text |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-file-text-o fa-fw"></i> file-text-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-files-o fa-fw"></i> files-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-floppy-o fa-fw"></i> floppy-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-font fa-fw"></i> font |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-header fa-fw"></i> header |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-indent fa-fw"></i> indent |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-italic fa-fw"></i> italic |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-link fa-fw"></i> link |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-list fa-fw"></i> list |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-list-alt fa-fw"></i> list-alt |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-list-ol fa-fw"></i> list-ol |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-list-ul fa-fw"></i> list-ul |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-outdent fa-fw"></i> outdent |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-paperclip fa-fw"></i> paperclip |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-paragraph fa-fw"></i> paragraph |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-paste fa-fw"></i> paste  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-repeat fa-fw"></i> repeat |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-rotate-left fa-fw"></i> rotate-left  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-rotate-right fa-fw"></i> rotate-right  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-save fa-fw"></i> save  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-scissors fa-fw"></i> scissors |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-strikethrough fa-fw"></i> strikethrough |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-subscript fa-fw"></i> subscript |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-superscript fa-fw"></i> superscript |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-table fa-fw"></i> table |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-text-height fa-fw"></i> text-height |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-text-width fa-fw"></i> text-width |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-th fa-fw"></i> th |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-th-large fa-fw"></i> th-large |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-th-list fa-fw"></i> th-list |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-underline fa-fw"></i> underline |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-undo fa-fw"></i> undo |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-unlink fa-fw"></i> unlink  |</div>
                    </section>
                    <section id="directional" class="row">
                      <h2 class="page-header">指示方向</h2>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-angle-double-down fa-fw"></i> angle-double-down |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-angle-double-left fa-fw"></i> angle-double-left |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-angle-double-right fa-fw"></i> angle-double-right |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-angle-double-up fa-fw"></i> angle-double-up |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-angle-down fa-fw"></i> angle-down |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-angle-left fa-fw"></i> angle-left |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-angle-right fa-fw"></i> angle-right |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-angle-up fa-fw"></i> angle-up |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrow-circle-down fa-fw"></i> arrow-circle-down |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrow-circle-left fa-fw"></i> arrow-circle-left |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrow-circle-o-down fa-fw"></i> arrow-circle-o-down |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrow-circle-o-left fa-fw"></i> arrow-circle-o-left |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrow-circle-o-right fa-fw"></i> arrow-circle-o-right |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrow-circle-o-up fa-fw"></i> arrow-circle-o-up |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrow-circle-right fa-fw"></i> arrow-circle-right |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrow-circle-up fa-fw"></i> arrow-circle-up |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrow-down fa-fw"></i> arrow-down |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrow-left fa-fw"></i> arrow-left |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrow-right fa-fw"></i> arrow-right |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrow-up fa-fw"></i> arrow-up |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrows fa-fw"></i> arrows |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrows-alt fa-fw"></i> arrows-alt |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrows-h fa-fw"></i> arrows-h |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrows-v fa-fw"></i> arrows-v |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-caret-down fa-fw"></i> caret-down |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-caret-left fa-fw"></i> caret-left |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-caret-right fa-fw"></i> caret-right |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-caret-square-o-down fa-fw"></i> caret-square-o-down |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-caret-square-o-left fa-fw"></i> caret-square-o-left |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-caret-square-o-right fa-fw"></i> caret-square-o-right |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-caret-square-o-up fa-fw"></i> caret-square-o-up |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-caret-up fa-fw"></i> caret-up |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-chevron-circle-down fa-fw"></i> chevron-circle-down |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-chevron-circle-left fa-fw"></i> chevron-circle-left |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-chevron-circle-right fa-fw"></i> chevron-circle-right |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-chevron-circle-up fa-fw"></i> chevron-circle-up |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-chevron-down fa-fw"></i> chevron-down |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-chevron-left fa-fw"></i> chevron-left |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-chevron-right fa-fw"></i> chevron-right |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-chevron-up fa-fw"></i> chevron-up |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-exchange fa-fw"></i> exchange |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-o-down fa-fw"></i> hand-o-down |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-o-left fa-fw"></i> hand-o-left |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-o-right fa-fw"></i> hand-o-right |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hand-o-up fa-fw"></i> hand-o-up |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-long-arrow-down fa-fw"></i> long-arrow-down |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-long-arrow-left fa-fw"></i> long-arrow-left |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-long-arrow-right fa-fw"></i> long-arrow-right |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-long-arrow-up fa-fw"></i> long-arrow-up |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-toggle-down fa-fw"></i> toggle-down  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-toggle-left fa-fw"></i> toggle-left  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-toggle-right fa-fw"></i> toggle-right  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-toggle-up fa-fw"></i> toggle-up  |</div>
                    </section>
                    <section id="video-player" class="row">
                      <h2 class="page-header">视频播放</h2>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-arrows-alt fa-fw"></i> arrows-alt |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-backward fa-fw"></i> backward |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-compress fa-fw"></i> compress |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-eject fa-fw"></i> eject |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-expand fa-fw"></i> expand |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-fast-backward fa-fw"></i> fast-backward |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-fast-forward fa-fw"></i> fast-forward |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-forward fa-fw"></i> forward |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-pause fa-fw"></i> pause |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-pause-circle fa-fw"></i> pause-circle |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-pause-circle-o fa-fw"></i> pause-circle-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-play fa-fw"></i> play |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-play-circle fa-fw"></i> play-circle |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-play-circle-o fa-fw"></i> play-circle-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-random fa-fw"></i> random |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-step-backward fa-fw"></i> step-backward |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-step-forward fa-fw"></i> step-forward |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-stop fa-fw"></i> stop |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-stop-circle fa-fw"></i> stop-circle |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-stop-circle-o fa-fw"></i> stop-circle-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-youtube-play fa-fw"></i> youtube-play |</div>
                    </section>
                    <section id="brand" class="row">
                      <h2 class="page-header">标志</h2>
                      <div class="alert alert-success">
                        <ul class="margin-bottom-none padding-left-lg">
                          <li>所有标志图标都分别是其所有者的注册商标。</li>
                          <li>使用这些商标并不代表Font Awesome拥有它们。</li>
                        </ul>
                      </div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-500px fa-fw"></i> 500px |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-adn fa-fw"></i> adn |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-amazon fa-fw"></i> amazon |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-android fa-fw"></i> android |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-angellist fa-fw"></i> angellist |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-apple fa-fw"></i> apple |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-behance fa-fw"></i> behance |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-behance-square fa-fw"></i> behance-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bitbucket fa-fw"></i> bitbucket |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bitbucket-square fa-fw"></i> bitbucket-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bitcoin fa-fw"></i> bitcoin  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-black-tie fa-fw"></i> black-tie |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bluetooth fa-fw"></i> bluetooth |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-bluetooth-b fa-fw"></i> bluetooth-b |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-btc fa-fw"></i> btc |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-buysellads fa-fw"></i> buysellads |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cc-amex fa-fw"></i> cc-amex |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cc-diners-club fa-fw"></i> cc-diners-club |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cc-discover fa-fw"></i> cc-discover |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cc-jcb fa-fw"></i> cc-jcb |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cc-mastercard fa-fw"></i> cc-mastercard |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cc-paypal fa-fw"></i> cc-paypal |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cc-stripe fa-fw"></i> cc-stripe |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-cc-visa fa-fw"></i> cc-visa |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-chrome fa-fw"></i> chrome |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-codepen fa-fw"></i> codepen |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-codiepie fa-fw"></i> codiepie |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-connectdevelop fa-fw"></i> connectdevelop |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-contao fa-fw"></i> contao |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-css3 fa-fw"></i> css3 |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-dashcube fa-fw"></i> dashcube |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-delicious fa-fw"></i> delicious |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-deviantart fa-fw"></i> deviantart |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-digg fa-fw"></i> digg |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-dribbble fa-fw"></i> dribbble |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-dropbox fa-fw"></i> dropbox |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-drupal fa-fw"></i> drupal |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-edge fa-fw"></i> edge |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-empire fa-fw"></i> empire |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-expeditedssl fa-fw"></i> expeditedssl |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-facebook fa-fw"></i> facebook |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-facebook-f fa-fw"></i> facebook-f  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-facebook-official fa-fw"></i> facebook-official |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-facebook-square fa-fw"></i> facebook-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-firefox fa-fw"></i> firefox |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-flickr fa-fw"></i> flickr |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-fonticons fa-fw"></i> fonticons |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-fort-awesome fa-fw"></i> fort-awesome |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-forumbee fa-fw"></i> forumbee |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-foursquare fa-fw"></i> foursquare |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-ge fa-fw"></i> ge  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-get-pocket fa-fw"></i> get-pocket |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-gg fa-fw"></i> gg |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-gg-circle fa-fw"></i> gg-circle |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-git fa-fw"></i> git |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-git-square fa-fw"></i> git-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-github fa-fw"></i> github |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-github-alt fa-fw"></i> github-alt |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-github-square fa-fw"></i> github-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-gittip fa-fw"></i> gittip  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-google fa-fw"></i> google |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-google-plus fa-fw"></i> google-plus |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-google-plus-square fa-fw"></i> google-plus-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-google-wallet fa-fw"></i> google-wallet |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-gratipay fa-fw"></i> gratipay |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hacker-news fa-fw"></i> hacker-news |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-houzz fa-fw"></i> houzz |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-html5 fa-fw"></i> html5 |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-instagram fa-fw"></i> instagram |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-internet-explorer fa-fw"></i> internet-explorer |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-ioxhost fa-fw"></i> ioxhost |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-joomla fa-fw"></i> joomla |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-jsfiddle fa-fw"></i> jsfiddle |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-lastfm fa-fw"></i> lastfm |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-lastfm-square fa-fw"></i> lastfm-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-leanpub fa-fw"></i> leanpub |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-linkedin fa-fw"></i> linkedin |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-linkedin-square fa-fw"></i> linkedin-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-linux fa-fw"></i> linux |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-maxcdn fa-fw"></i> maxcdn |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-meanpath fa-fw"></i> meanpath |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-medium fa-fw"></i> medium |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-mixcloud fa-fw"></i> mixcloud |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-modx fa-fw"></i> modx |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-odnoklassniki fa-fw"></i> odnoklassniki |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-odnoklassniki-square fa-fw"></i> odnoklassniki-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-opencart fa-fw"></i> opencart |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-openid fa-fw"></i> openid |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-opera fa-fw"></i> opera |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-optin-monster fa-fw"></i> optin-monster |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-pagelines fa-fw"></i> pagelines |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-paypal fa-fw"></i> paypal |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-pied-piper fa-fw"></i> pied-piper |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-pied-piper-alt fa-fw"></i> pied-piper-alt |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-pinterest fa-fw"></i> pinterest |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-pinterest-p fa-fw"></i> pinterest-p |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-pinterest-square fa-fw"></i> pinterest-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-product-hunt fa-fw"></i> product-hunt |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-qq fa-fw"></i> qq |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-ra fa-fw"></i> ra  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-rebel fa-fw"></i> rebel |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-reddit fa-fw"></i> reddit |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-reddit-alien fa-fw"></i> reddit-alien |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-reddit-square fa-fw"></i> reddit-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-renren fa-fw"></i> renren |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-safari fa-fw"></i> safari |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-scribd fa-fw"></i> scribd |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-sellsy fa-fw"></i> sellsy |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-share-alt fa-fw"></i> share-alt |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-share-alt-square fa-fw"></i> share-alt-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-shirtsinbulk fa-fw"></i> shirtsinbulk |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-simplybuilt fa-fw"></i> simplybuilt |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-skyatlas fa-fw"></i> skyatlas |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-skype fa-fw"></i> skype |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-slack fa-fw"></i> slack |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-slideshare fa-fw"></i> slideshare |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-soundcloud fa-fw"></i> soundcloud |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-spotify fa-fw"></i> spotify |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-stack-exchange fa-fw"></i> stack-exchange |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-stack-overflow fa-fw"></i> stack-overflow |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-steam fa-fw"></i> steam |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-steam-square fa-fw"></i> steam-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-stumbleupon fa-fw"></i> stumbleupon |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-stumbleupon-circle fa-fw"></i> stumbleupon-circle |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-tencent-weibo fa-fw"></i> tencent-weibo |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-trello fa-fw"></i> trello |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-tripadvisor fa-fw"></i> tripadvisor |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-tumblr fa-fw"></i> tumblr |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-tumblr-square fa-fw"></i> tumblr-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-twitch fa-fw"></i> twitch |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-twitter fa-fw"></i> twitter |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-twitter-square fa-fw"></i> twitter-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-usb fa-fw"></i> usb |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-viacoin fa-fw"></i> viacoin |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-vimeo fa-fw"></i> vimeo |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-vimeo-square fa-fw"></i> vimeo-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-vine fa-fw"></i> vine |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-vk fa-fw"></i> vk |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-wechat fa-fw"></i> wechat  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-weibo fa-fw"></i> weibo |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-weixin fa-fw"></i> weixin |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-whatsapp fa-fw"></i> whatsapp |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-wikipedia-w fa-fw"></i> wikipedia-w |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-windows fa-fw"></i> windows |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-wordpress fa-fw"></i> wordpress |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-xing fa-fw"></i> xing |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-xing-square fa-fw"></i> xing-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-y-combinator fa-fw"></i> y-combinator |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-y-combinator-square fa-fw"></i> y-combinator-square  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-yahoo fa-fw"></i> yahoo |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-yc fa-fw"></i> yc  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-yc-square fa-fw"></i> yc-square  |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-yelp fa-fw"></i> yelp |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-youtube fa-fw"></i> youtube |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-youtube-play fa-fw"></i> youtube-play |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-youtube-square fa-fw"></i> youtube-square |</div>
                    </section>
                    <section id="medical" class="row">
                      <h2 class="page-header">医疗</h2>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-ambulance fa-fw"></i> ambulance |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-h-square fa-fw"></i> h-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-heart fa-fw"></i> heart |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-heart-o fa-fw"></i> heart-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-heartbeat fa-fw"></i> heartbeat |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-hospital-o fa-fw"></i> hospital-o |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-medkit fa-fw"></i> medkit |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-plus-square fa-fw"></i> plus-square |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-stethoscope fa-fw"></i> stethoscope |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-user-md fa-fw"></i> user-md |</div>
                      <div class="col-xs-4 col-sm-4"><i class="fa fa-wheelchair fa-fw"></i> wheelchair |</div>
                    </section>
                  </div>
                </div>
              </div>

              <div class="box" id="glyphicon">
                <div class="box-header">
                  <button type="button" class="btn btn-box-tool" data-widget="collapse">
                    <i class="fa fa-minus"></i>
                  </button>
                  <h3 class="box-title">Bootstrap glyphicon</h3>
                </div>
                <div class="box-body">
                  <p>使用方法：</p>
                  <p>将图标应用在一个没有内容的span中即可(可以嵌套入任何元素中)。如下：</p>
                  <div>
                    <pre><code class="Html">&lt;span class="glyphicon glyphicon-search"&gt;&lt;/span&gt;</code></pre>
                  </div>
                  <p>
                    注意：<br />
                    1. <span class="text-red">不要和其他组件混合使用</span><br />
                    图标类不能和其它组件直接联合使用。它们不能在同一个元素上与其他类共同存在。应该创建一个嵌套的 &lt;span&gt; 标签，并将图标类应用到这个 &lt;span&gt; 标签上。<br />
                    2. <span class="text-red">只对内容为空的元素起作用</span><br />
                  </p>
                  <br />
                  <p>图标列表：</p>
                  <div class="bs-glyphicons">
                    <ul class="bs-glyphicons-list">
                      <li><span class="glyphicon glyphicon-asterisk" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-asterisk</span></li>
                      <li><span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-plus</span></li>
                      <li><span class="glyphicon glyphicon-euro" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-euro</span></li>
                      <li><span class="glyphicon glyphicon-eur" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-eur</span></li>
                      <li><span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-minus</span></li>
                      <li><span class="glyphicon glyphicon-cloud" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-cloud</span></li>
                      <li><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-envelope</span></li>
                      <li><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-pencil</span></li>
                      <li><span class="glyphicon glyphicon-glass" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-glass</span></li>
                      <li><span class="glyphicon glyphicon-music" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-music</span></li>
                      <li><span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-search</span></li>
                      <li><span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-heart</span></li>
                      <li><span class="glyphicon glyphicon-star" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-star</span></li>
                      <li><span class="glyphicon glyphicon-star-empty" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-star-empty</span></li>
                      <li><span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-user</span></li>
                      <li><span class="glyphicon glyphicon-film" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-film</span></li>
                      <li><span class="glyphicon glyphicon-th-large" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-th-large</span></li>
                      <li><span class="glyphicon glyphicon-th" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-th</span></li>
                      <li><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-th-list</span></li>
                      <li><span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-ok</span></li>
                      <li><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-remove</span></li>
                      <li><span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-zoom-in</span></li>
                      <li><span class="glyphicon glyphicon-zoom-out" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-zoom-out</span></li>
                      <li><span class="glyphicon glyphicon-off" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-off</span></li>
                      <li><span class="glyphicon glyphicon-signal" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-signal</span></li>
                      <li><span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-cog</span></li>
                      <li><span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-trash</span></li>
                      <li><span class="glyphicon glyphicon-home" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-home</span></li>
                      <li><span class="glyphicon glyphicon-file" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-file</span></li>
                      <li><span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-time</span></li>
                      <li><span class="glyphicon glyphicon-road" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-road</span></li>
                      <li><span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-download-alt</span></li>
                      <li><span class="glyphicon glyphicon-download" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-download</span></li>
                      <li><span class="glyphicon glyphicon-upload" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-upload</span></li>
                      <li><span class="glyphicon glyphicon-inbox" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-inbox</span></li>
                      <li><span class="glyphicon glyphicon-play-circle" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-play-circle</span></li>
                      <li><span class="glyphicon glyphicon-repeat" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-repeat</span></li>
                      <li><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-refresh</span></li>
                      <li><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-list-alt</span></li>
                      <li><span class="glyphicon glyphicon-lock" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-lock</span></li>
                      <li><span class="glyphicon glyphicon-flag" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-flag</span></li>
                      <li><span class="glyphicon glyphicon-headphones" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-headphones</span></li>
                      <li><span class="glyphicon glyphicon-volume-off" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-volume-off</span></li>
                      <li><span class="glyphicon glyphicon-volume-down" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-volume-down</span></li>
                      <li><span class="glyphicon glyphicon-volume-up" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-volume-up</span></li>
                      <li><span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-qrcode</span></li>
                      <li><span class="glyphicon glyphicon-barcode" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-barcode</span></li>
                      <li><span class="glyphicon glyphicon-tag" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-tag</span></li>
                      <li><span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-tags</span></li>
                      <li><span class="glyphicon glyphicon-book" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-book</span></li>
                      <li><span class="glyphicon glyphicon-bookmark" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-bookmark</span></li>
                      <li><span class="glyphicon glyphicon-print" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-print</span></li>
                      <li><span class="glyphicon glyphicon-camera" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-camera</span></li>
                      <li><span class="glyphicon glyphicon-font" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-font</span></li>
                      <li><span class="glyphicon glyphicon-bold" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-bold</span></li>
                      <li><span class="glyphicon glyphicon-italic" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-italic</span></li>
                      <li><span class="glyphicon glyphicon-text-height" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-text-height</span></li>
                      <li><span class="glyphicon glyphicon-text-width" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-text-width</span></li>
                      <li><span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-align-left</span></li>
                      <li><span class="glyphicon glyphicon-align-center" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-align-center</span></li>
                      <li><span class="glyphicon glyphicon-align-right" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-align-right</span></li>
                      <li><span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-align-justify</span></li>
                      <li><span class="glyphicon glyphicon-list" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-list</span></li>
                      <li><span class="glyphicon glyphicon-indent-left" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-indent-left</span></li>
                      <li><span class="glyphicon glyphicon-indent-right" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-indent-right</span></li>
                      <li><span class="glyphicon glyphicon-facetime-video" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-facetime-video</span></li>
                      <li><span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-picture</span></li>
                      <li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-map-marker</span></li>
                      <li><span class="glyphicon glyphicon-adjust" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-adjust</span></li>
                      <li><span class="glyphicon glyphicon-tint" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-tint</span></li>
                      <li><span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-edit</span></li>
                      <li><span class="glyphicon glyphicon-share" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-share</span></li>
                      <li><span class="glyphicon glyphicon-check" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-check</span></li>
                      <li><span class="glyphicon glyphicon-move" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-move</span></li>
                      <li><span class="glyphicon glyphicon-step-backward" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-step-backward</span></li>
                      <li><span class="glyphicon glyphicon-fast-backward" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-fast-backward</span></li>
                      <li><span class="glyphicon glyphicon-backward" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-backward</span></li>
                      <li><span class="glyphicon glyphicon-play" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-play</span></li>
                      <li><span class="glyphicon glyphicon-pause" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-pause</span></li>
                      <li><span class="glyphicon glyphicon-stop" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-stop</span></li>
                      <li><span class="glyphicon glyphicon-forward" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-forward</span></li>
                      <li><span class="glyphicon glyphicon-fast-forward" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-fast-forward</span></li>
                      <li><span class="glyphicon glyphicon-step-forward" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-step-forward</span></li>
                      <li><span class="glyphicon glyphicon-eject" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-eject</span></li>
                      <li><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-chevron-left</span></li>
                      <li><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-chevron-right</span></li>
                      <li><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-plus-sign</span></li>
                      <li><span class="glyphicon glyphicon-minus-sign" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-minus-sign</span></li>
                      <li><span class="glyphicon glyphicon-remove-sign" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-remove-sign</span></li>
                      <li><span class="glyphicon glyphicon-ok-sign" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-ok-sign</span></li>
                      <li><span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-question-sign</span></li>
                      <li><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-info-sign</span></li>
                      <li><span class="glyphicon glyphicon-screenshot" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-screenshot</span></li>
                      <li><span class="glyphicon glyphicon-remove-circle" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-remove-circle</span></li>
                      <li><span class="glyphicon glyphicon-ok-circle" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-ok-circle</span></li>
                      <li><span class="glyphicon glyphicon-ban-circle" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-ban-circle</span></li>
                      <li><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-arrow-left</span></li>
                      <li><span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-arrow-right</span></li>
                      <li><span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-arrow-up</span></li>
                      <li><span class="glyphicon glyphicon-arrow-down" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-arrow-down</span></li>
                      <li><span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-share-alt</span></li>
                      <li><span class="glyphicon glyphicon-resize-full" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-resize-full</span></li>
                      <li><span class="glyphicon glyphicon-resize-small" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-resize-small</span></li>
                      <li><span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-exclamation-sign</span></li>
                      <li><span class="glyphicon glyphicon-gift" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-gift</span></li>
                      <li><span class="glyphicon glyphicon-leaf" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-leaf</span></li>
                      <li><span class="glyphicon glyphicon-fire" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-fire</span></li>
                      <li><span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-eye-open</span></li>
                      <li><span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-eye-close</span></li>
                      <li><span class="glyphicon glyphicon-warning-sign" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-warning-sign</span></li>
                      <li><span class="glyphicon glyphicon-plane" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-plane</span></li>
                      <li><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-calendar</span></li>
                      <li><span class="glyphicon glyphicon-random" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-random</span></li>
                      <li><span class="glyphicon glyphicon-comment" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-comment</span></li>
                      <li><span class="glyphicon glyphicon-magnet" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-magnet</span></li>
                      <li><span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-chevron-up</span></li>
                      <li><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-chevron-down</span></li>
                      <li><span class="glyphicon glyphicon-retweet" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-retweet</span></li>
                      <li><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-shopping-cart</span></li>
                      <li><span class="glyphicon glyphicon-folder-close" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-folder-close</span></li>
                      <li><span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-folder-open</span></li>
                      <li><span class="glyphicon glyphicon-resize-vertical" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-resize-vertical</span></li>
                      <li><span class="glyphicon glyphicon-resize-horizontal" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-resize-horizontal</span></li>
                      <li><span class="glyphicon glyphicon-hdd" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-hdd</span></li>
                      <li><span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-bullhorn</span></li>
                      <li><span class="glyphicon glyphicon-bell" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-bell</span></li>
                      <li><span class="glyphicon glyphicon-certificate" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-certificate</span></li>
                      <li><span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-thumbs-up</span></li>
                      <li><span class="glyphicon glyphicon-thumbs-down" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-thumbs-down</span></li>
                      <li><span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-hand-right</span></li>
                      <li><span class="glyphicon glyphicon-hand-left" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-hand-left</span></li>
                      <li><span class="glyphicon glyphicon-hand-up" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-hand-up</span></li>
                      <li><span class="glyphicon glyphicon-hand-down" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-hand-down</span></li>
                      <li><span class="glyphicon glyphicon-circle-arrow-right" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-circle-arrow-right</span></li>
                      <li><span class="glyphicon glyphicon-circle-arrow-left" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-circle-arrow-left</span></li>
                      <li><span class="glyphicon glyphicon-circle-arrow-up" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-circle-arrow-up</span></li>
                      <li><span class="glyphicon glyphicon-circle-arrow-down" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-circle-arrow-down</span></li>
                      <li><span class="glyphicon glyphicon-globe" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-globe</span></li>
                      <li><span class="glyphicon glyphicon-wrench" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-wrench</span></li>
                      <li><span class="glyphicon glyphicon-tasks" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-tasks</span></li>
                      <li><span class="glyphicon glyphicon-filter" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-filter</span></li>
                      <li><span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-briefcase</span></li>
                      <li><span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-fullscreen</span></li>
                      <li><span class="glyphicon glyphicon-dashboard" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-dashboard</span></li>
                      <li><span class="glyphicon glyphicon-paperclip" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-paperclip</span></li>
                      <li><span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-heart-empty</span></li>
                      <li><span class="glyphicon glyphicon-link" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-link</span></li>
                      <li><span class="glyphicon glyphicon-phone" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-phone</span></li>
                      <li><span class="glyphicon glyphicon-pushpin" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-pushpin</span></li>
                      <li><span class="glyphicon glyphicon-usd" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-usd</span></li>
                      <li><span class="glyphicon glyphicon-gbp" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-gbp</span></li>
                      <li><span class="glyphicon glyphicon-sort" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-sort</span></li>
                      <li><span class="glyphicon glyphicon-sort-by-alphabet" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-sort-by-alphabet</span></li>
                      <li><span class="glyphicon glyphicon-sort-by-alphabet-alt" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-sort-by-alphabet-alt</span></li>
                      <li><span class="glyphicon glyphicon-sort-by-order" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-sort-by-order</span></li>
                      <li><span class="glyphicon glyphicon-sort-by-order-alt" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-sort-by-order-alt</span></li>
                      <li><span class="glyphicon glyphicon-sort-by-attributes" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-sort-by-attributes</span></li>
                      <li><span class="glyphicon glyphicon-sort-by-attributes-alt" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-sort-by-attributes-alt</span></li>
                      <li><span class="glyphicon glyphicon-unchecked" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-unchecked</span></li>
                      <li><span class="glyphicon glyphicon-expand" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-expand</span></li>
                      <li><span class="glyphicon glyphicon-collapse-down" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-collapse-down</span></li>
                      <li><span class="glyphicon glyphicon-collapse-up" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-collapse-up</span></li>
                      <li><span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-log-in</span></li>
                      <li><span class="glyphicon glyphicon-flash" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-flash</span></li>
                      <li><span class="glyphicon glyphicon-log-out" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-log-out</span></li>
                      <li><span class="glyphicon glyphicon-new-window" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-new-window</span></li>
                      <li><span class="glyphicon glyphicon-record" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-record</span></li>
                      <li><span class="glyphicon glyphicon-save" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-save</span></li>
                      <li><span class="glyphicon glyphicon-open" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-open</span></li>
                      <li><span class="glyphicon glyphicon-saved" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-saved</span></li>
                      <li><span class="glyphicon glyphicon-import" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-import</span></li>
                      <li><span class="glyphicon glyphicon-export" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-export</span></li>
                      <li><span class="glyphicon glyphicon-send" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-send</span></li>
                      <li><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-floppy-disk</span></li>
                      <li><span class="glyphicon glyphicon-floppy-saved" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-floppy-saved</span></li>
                      <li><span class="glyphicon glyphicon-floppy-remove" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-floppy-remove</span></li>
                      <li><span class="glyphicon glyphicon-floppy-save" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-floppy-save</span></li>
                      <li><span class="glyphicon glyphicon-floppy-open" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-floppy-open</span></li>
                      <li><span class="glyphicon glyphicon-credit-card" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-credit-card</span></li>
                      <li><span class="glyphicon glyphicon-transfer" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-transfer</span></li>
                      <li><span class="glyphicon glyphicon-cutlery" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-cutlery</span></li>
                      <li><span class="glyphicon glyphicon-header" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-header</span></li>
                      <li><span class="glyphicon glyphicon-compressed" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-compressed</span></li>
                      <li><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-earphone</span></li>
                      <li><span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-phone-alt</span></li>
                      <li><span class="glyphicon glyphicon-tower" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-tower</span></li>
                      <li><span class="glyphicon glyphicon-stats" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-stats</span></li>
                      <li><span class="glyphicon glyphicon-sd-video" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-sd-video</span></li>
                      <li><span class="glyphicon glyphicon-hd-video" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-hd-video</span></li>
                      <li><span class="glyphicon glyphicon-subtitles" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-subtitles</span></li>
                      <li><span class="glyphicon glyphicon-sound-stereo" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-sound-stereo</span></li>
                      <li><span class="glyphicon glyphicon-sound-dolby" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-sound-dolby</span></li>
                      <li><span class="glyphicon glyphicon-sound-5-1" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-sound-5-1</span></li>
                      <li><span class="glyphicon glyphicon-sound-6-1" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-sound-6-1</span></li>
                      <li><span class="glyphicon glyphicon-sound-7-1" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-sound-7-1</span></li>
                      <li><span class="glyphicon glyphicon-copyright-mark" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-copyright-mark</span></li>
                      <li><span class="glyphicon glyphicon-registration-mark" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-registration-mark</span></li>
                      <li><span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-cloud-download</span></li>
                      <li><span class="glyphicon glyphicon-cloud-upload" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-cloud-upload</span></li>
                      <li><span class="glyphicon glyphicon-tree-conifer" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-tree-conifer</span></li>
                      <li><span class="glyphicon glyphicon-tree-deciduous" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-tree-deciduous</span></li>
                      <li><span class="glyphicon glyphicon-cd" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-cd</span></li>
                      <li><span class="glyphicon glyphicon-save-file" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-save-file</span></li>
                      <li><span class="glyphicon glyphicon-open-file" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-open-file</span></li>
                      <li><span class="glyphicon glyphicon-level-up" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-level-up</span></li>
                      <li><span class="glyphicon glyphicon-copy" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-copy</span></li>
                      <li><span class="glyphicon glyphicon-paste" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-paste</span></li>
                      <li><span class="glyphicon glyphicon-alert" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-alert</span></li>
                      <li><span class="glyphicon glyphicon-equalizer" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-equalizer</span></li>
                      <li><span class="glyphicon glyphicon-king" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-king</span></li>
                      <li><span class="glyphicon glyphicon-queen" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-queen</span></li>
                      <li><span class="glyphicon glyphicon-pawn" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-pawn</span></li>
                      <li><span class="glyphicon glyphicon-bishop" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-bishop</span></li>
                      <li><span class="glyphicon glyphicon-knight" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-knight</span></li>
                      <li><span class="glyphicon glyphicon-baby-formula" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-baby-formula</span></li>
                      <li><span class="glyphicon glyphicon-tent" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-tent</span></li>
                      <li><span class="glyphicon glyphicon-blackboard" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-blackboard</span></li>
                      <li><span class="glyphicon glyphicon-bed" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-bed</span></li>
                      <li><span class="glyphicon glyphicon-apple" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-apple</span></li>
                      <li><span class="glyphicon glyphicon-erase" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-erase</span></li>
                      <li><span class="glyphicon glyphicon-hourglass" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-hourglass</span></li>
                      <li><span class="glyphicon glyphicon-lamp" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-lamp</span></li>
                      <li><span class="glyphicon glyphicon-duplicate" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-duplicate</span></li>
                      <li><span class="glyphicon glyphicon-piggy-bank" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-piggy-bank</span></li>
                      <li><span class="glyphicon glyphicon-scissors" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-scissors</span></li>
                      <li><span class="glyphicon glyphicon-bitcoin" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-bitcoin</span></li>
                      <li><span class="glyphicon glyphicon-btc" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-btc</span></li>
                      <li><span class="glyphicon glyphicon-xbt" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-xbt</span></li>
                      <li><span class="glyphicon glyphicon-yen" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-yen</span></li>
                      <li><span class="glyphicon glyphicon-jpy" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-jpy</span></li>
                      <li><span class="glyphicon glyphicon-ruble" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-ruble</span></li>
                      <li><span class="glyphicon glyphicon-rub" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-rub</span></li>
                      <li><span class="glyphicon glyphicon-scale" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-scale</span></li>
                      <li><span class="glyphicon glyphicon-ice-lolly" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-ice-lolly</span></li>
                      <li><span class="glyphicon glyphicon-ice-lolly-tasted" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-ice-lolly-tasted</span></li>
                      <li><span class="glyphicon glyphicon-education" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-education</span></li>
                      <li><span class="glyphicon glyphicon-option-horizontal" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-option-horizontal</span></li>
                      <li><span class="glyphicon glyphicon-option-vertical" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-option-vertical</span></li>
                      <li><span class="glyphicon glyphicon-menu-hamburger" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-menu-hamburger</span></li>
                      <li><span class="glyphicon glyphicon-modal-window" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-modal-window</span></li>
                      <li><span class="glyphicon glyphicon-oil" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-oil</span></li>
                      <li><span class="glyphicon glyphicon-grain" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-grain</span></li>
                      <li><span class="glyphicon glyphicon-sunglasses" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-sunglasses</span></li>
                      <li><span class="glyphicon glyphicon-text-size" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-text-size</span></li>
                      <li><span class="glyphicon glyphicon-text-color" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-text-color</span></li>
                      <li><span class="glyphicon glyphicon-text-background" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-text-background</span></li>
                      <li><span class="glyphicon glyphicon-object-align-top" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-object-align-top</span></li>
                      <li><span class="glyphicon glyphicon-object-align-bottom" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-object-align-bottom</span></li>
                      <li><span class="glyphicon glyphicon-object-align-horizontal" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-object-align-horizontal</span></li>
                      <li><span class="glyphicon glyphicon-object-align-left" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-object-align-left</span></li>
                      <li><span class="glyphicon glyphicon-object-align-vertical" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-object-align-vertical</span></li>
                      <li><span class="glyphicon glyphicon-object-align-right" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-object-align-right</span></li>
                      <li><span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-triangle-right</span></li>
                      <li><span class="glyphicon glyphicon-triangle-left" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-triangle-left</span></li>
                      <li><span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-triangle-bottom</span></li>
                      <li><span class="glyphicon glyphicon-triangle-top" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-triangle-top</span></li>
                      <li><span class="glyphicon glyphicon-console" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-console</span></li>
                      <li><span class="glyphicon glyphicon-superscript" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-superscript</span></li>
                      <li><span class="glyphicon glyphicon-subscript" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-subscript</span></li>
                      <li><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-menu-left</span></li>
                      <li><span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-menu-right</span></li>
                      <li><span class="glyphicon glyphicon-menu-down" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-menu-down</span></li>
                      <li><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span>
                          <span class="glyphicon-class">glyphicon-menu-up</span></li>
                    </ul>
                  </div>
                </div>
              </div>

            </section>
            <div class="Affix">
              <ul class="nav nav-tabs nav-stacked">
                <li><a href="#FontAwesome-GetStart">FA使用方法</a></li>
                <li><a href="#new"><i class="fa fa-cube fa-fw"></i>&nbsp; 4.5新增</a></li>
                <li><a href="#web-application"><i class="fa fa-camera-retro fa-fw"></i>&nbsp; 网页</a></li>
                <li><a href="#hand"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; 手势</a></li>
                <li><a href="#transportation"><i class="fa fa-ship fa-fw"></i>&nbsp; 运输</a></li>
                <li><a href="#gender"><i class="fa fa-venus-mars fa-fw"></i>&nbsp; 性别</a></li>
                <li><a href="#file-type"><i class="fa fa-file-image-o fa-fw"></i>&nbsp; 文件类型</a></li>
                <li><a href="#spinner"><i class="fa fa-spinner fa-fw"></i>&nbsp; 可旋转</a></li>
                <li><a href="#form-control"><i class="fa fa-check-square fa-fw"></i>&nbsp; 表单</a></li>
                <li><a href="#payment"><i class="fa fa-paypal fa-fw"></i>&nbsp; 支付</a></li>
                <li><a href="#chart"><i class="fa fa-line-chart fa-fw"></i>&nbsp; 图表</a></li>
                <li><a href="#currency"><i class="fa fa-won fa-fw"></i>&nbsp; 货币</a></li>
                <li><a href="#text-editor"><i class="fa fa-file-text-o fa-fw"></i>&nbsp; 文本编辑</a></li>
                <li><a href="#directional"><i class="fa fa-hand-o-right fa-fw"></i>&nbsp; 指示方向</a></li>
                <li><a href="#video-player"><i class="fa fa-play-circle fa-fw"></i>&nbsp; 视频播放</a></li>
                <li><a href="#brand"><i class="fa fa-github fa-fw"></i>&nbsp; 标志</a></li>
                <li><a href="#medical"><i class="fa fa-medkit fa-fw"></i>&nbsp; 医疗</a></li>
                <li><a href="#glyphicon"><i class="fa fa-btc fa-fw"></i>&nbsp; glyph</a></li>
              </ul>
            </div>
          </div>

        </section><!-- end content -->
      </div>

      <footer class="main-footer">
        <div class="pull-right hidden-xs">
          <b>Version</b> <span>1.0</span>
        </div>
        <div><a href="https://github.com/huangjunse/AdminSE">Fork On Github</a></div>
      </footer>
      
      <!-- 右侧配置栏 -->      
      <aside class="control-sidebar control-sidebar-dark">                
        <!-- 组合表 -->
        <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
          <!-- 默认包含一个control-sidebar-theme-setting-tab，通过theme_setting.js控制 -->
          <!-- 另外，control-sidebar-home-tab是必须存在的，因为是默认表的依赖 -->
          <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home fa-fw"></i></a></li>
        </ul>
        <!-- 表内容 -->
        <div class="tab-content">
          <!-- 第一个表主体 -->
          <div class="tab-pane" id="control-sidebar-home-tab">
            <h3 class="control-sidebar-heading">附加信息</h3>
            <ul class='control-sidebar-menu'>
              <li>
                <p style="margin: 10px;">
                  <div><a href="https://github.com/huangjunse/AdminSE">Fork On Github</a></div>

                </p>
              </li>
            </ul>
          </div><!-- end 第一个表主体 -->
        </div>
      </aside><!-- end 右侧配置栏 -->
      <div class='control-sidebar-bg'></div>
    </div><!-- ./wrapper -->

    <div class="modal fade modal-danger" id="ErrorModal">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">错误</h4>
          </div>
          <div class="modal-body" id="ErrorModalBody">
            
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-outline" onclick="location.reload()">刷新页面</button>
          </div>
        </div>
      </div>
    </div>

    <!-- 开始加载js脚本 -->
    <script src="../Content/plugins/jquery/jquery.min.js"></script>
    <script src="../Content/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="../Content/plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <script src='../Content/plugins/fastclick/fastclick.min.js'></script>
    <script src='../Content/plugins/iCheck/icheck.min.js'></script>
    <script src="../Content/plugins/toastr/toastr.min.js" type="text/javascript"></script>
    <script src="../Content/plugins/highlight/highlight.min.js" type="text/javascript"></script>
    <script src="../Content/dist/js/base.js" type="text/javascript"></script>
    <script src="../Content/dist/js/mainmenu.js" type="text/javascript"></script>

    <!-- 页面专属js -->
    <script src="../Content/dist/js/pages/UIIcon.js" type="text/javascript"></script>

    <!-- 基础功能及皮肤js，由于依赖的关系，需要页面完全生成完毕才能加载，故放在最后 -->
    <script src="../Content/dist/js/app.min.js" type="text/javascript"></script>
    <script src="../Content/dist/js/theme_setting.min.js" type="text/javascript"></script>
  </body>
</html>